.orange-bg {
    background-color: #f3574b;
}
.blue-bg {
    background-color: #2fb4cc;
}
.green-bg {
    background-color: #2cc57b;
}
.red-bg {
    background-color: #e44b76;
}
.purple-bg {
    background-color: #7e4bf3;
}

.gray-bg{
    background-color: #f2f2f2;
}
.gray-padding-bg{
    background-color: #f2f2f2;
    padding-top: .115rem;
}
//deprecated
//use f2-bg
.bg-f2{
    background-color: #f2f2f2;
}

.f2-bg{
    background-color: #f2f2f2;
}

.white-bg{
    background-color: #fff;
}

.white{
    @include fontColor(#fff)
}

.green {
    @include fontColor(#2cc57b)
}

//.green:active{
//    color: #fff !important;
//}

.yellow {
    @include fontColor(#e6c721)
}
.red {
    @include fontColor(#ee5151)
}